<template>
  <div class="main-content">
    <van-divider />
    <van-image
      width="320"
      height="320"
      src="http://zuopin.fengchuanisdancer.xyz/ImageData/typtqueshengye-404.svg"
    />
    <div class="unable-desc">您访问的页面不可达</div>
    <div class="unable-reason">{{ unableResult }}</div>
  </div>
</template>

<script>
export default {
  components: {

  },
  data() {
    return {
      unableResult: ''
    }
  },
  computed: {

  },
  created() {
    // this.isQuanUBase()
  },
  methods: {
    isQuanUBase() {
      this.$nativeHandler('isQuanUBase').then(res => {
        if (res) {
          this.$router ? this.$router.back() : this.backOrigin()
        } else {
          this.unableResult = '请在全友统一移动应用平台中使用'
        }
      }).catch(() => {
        this.unableResult = '请在全友统一移动应用平台中使用'
      })
    },
    backOrigin() {
      this.$nativeHandler('closeWeb', '')
    }
  }

}
</script>

<style lang="less" scoped>
.main-content {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 0% !important;
  flex-direction: column;
  align-items: center;
  .unable-desc{
      color:#012345;
      font-size: 16px;
  }
  .unable-reason{
      margin-top: 4px;
      color: #000000;
      font-weight: 600;
      font-size: 16px;
  }
}
</style>
